<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <title>梯梦科技(TDream)-哈尔滨网络公司-高端品牌网站建设领航者-移动手机网站建设-APP/UI设计-品牌电商运营</title>
    <meta name="description" content="梯梦(TDream)专注品牌高端网站建设，是最具专业实力的哈尔滨网络公司。梯梦(TDream)为您提供网站建设、移动手机网站设计、门户社区与电子商城网站建设与运营、微信应用与UI/APP设计及数字营销推广服务。做为专业高端网站建设公司，梯梦(TDream)有各行业知名企业的案例经验。">
    <meta name="keywords" content="哈尔滨网络公司|哈尔滨网站建设|网页设计|高端网站建设公司|UIAPP设计|移动手机网站制作|梯梦科技(TDream)-顶级高端网站构建公司">
    <link rel="Shortcut Icon" href="./images/icon.png">
    <link rel="stylesheet" href="./css/style.css">
    <link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

    <!-- header start -->

    <div class="header second-header write">
        <!-- nav start -->
        <ul class="nav">
            <a href="index.html">
                <li>首页</li>
            </a>
            <a href="service.html">
                <li>服务</li>
            </a>
            <a href="project.html">
                <li>案例</li>
            </a>
            <a href="about.html">
                <li>关于</li>
            </a>
            <a href="">
                <li class="active">联络</li>
            </a>
        </ul>
        <!-- nav end -->
    </div>
    <!-- logo start -->
    <div class="logo black">
        <img src="./images/logo.png" width="100%" class="logo-1">
        <img src="./images/logo2.png" width="100%" class="logo-2">
    </div>
    <!-- logo end -->
    <div class="nav-c">
        返回旧版
    </div>

    <!-- header end -->
    <div class="content">
        <div class="contact-t">
            <h1>联系我们</h1>
            <h2>
                12年建站经验+1200个实战案例+顶t尖的建站团队=梯梦科技
            </h2>
            <span>电话:1333-3333-333</span>
        </div>
        <div class="contact-b">
            <div class="form form-active">
                <ul class="clearfix">
                    <li>
                        <h6>怎么称呼？</h6>
                        <input type="text" placeholder="例：吴先生">
                    </li>
                    <li>
                        <h6>需要什么服务？</h6>
                        <select>
                            <option value="网站建设">网站建设</option>
                        </select>
                    </li>
                    <li>
                        <h6>怎么联系到您？</h6>
                        <input type="text" placeholder="手机，微信，QQ">
                    </li>
                    <li style="width:100%">
                        <h6>简单描述下您的需求
                        </h6>
                        <textarea cols="30" rows="10" placeholder="需求..."></textarea>
                    </li>
                </ul>

            </div>
            <div class="email-img">
                <img src="./images/email.png" alt="">
            </div>
            <div class="email-img2">
                <img src="./images/email2.png" alt="">
            </div>
            <div class="email-img3"></div>
            <div class="submit">
                发送
            </div>
        </div>
    </div>
    <script>
        $(function () {
            setTimeout(function () {
                $(".form").removeClass("form-active");
            });

            $(".submit").click(function () {
                var _this = this;
                $(_this).text("正在发送...")
                $(".form").addClass("form-active");
                $(".email-img2").attr("style", "");
                setTimeout(function () {
                    $(".email-img2").addClass("email-active");
                }, 500);

                success();
            });

            function success() {
                setTimeout(function () {
                    $(".submit").addClass("success-btn")
                    $(".submit").text("发送成功");
                    $(".email-img2").css("z-index", "99").removeClass("email-active");
                    setTimeout(function () {
                        $(".email-img2").css("z-index", "1");
                        setTimeout(function () {
                            $(".form").removeClass("form-active");
                            setTimeout(function () {
                                $(".submit").removeClass("success-btn");
                                $(".submit").text("发送");
                            }, 700)
                        }, 300);
                    }, 600)
                }, 1500);
            }
        });
    </script>
</body>

</html>